<template>
	<div>
		<h3>美食排行榜</h3>
		<hr />
		<div class="foodstitle">
			<p>总榜</p>
			<p>美食</p>
			<p>美食</p>
			<p>美食</p>
			<p>美食</p>
		</div>
	</div>
</template>

<script>
export default {
	name: 'FoodsListHeader',
};
</script>

<style scoped>
h3 {
	text-align: center;
	margin-top: 10px;
}
hr {
	margin-top: 5px;
}
.foodstitle {
	display: flex;
	justify-content: space-around;
	margin-top: 10px;
}
.foodstitle > p:hover {
	color: #ffdb58;
}
</style>
